<!-- <template>
  <div id="admin">
		
		<div id="header">
		<iheader></iheader>
		</div>
		
		<div id="left">
		<ileft></ileft>
		</div>
		
		<div id="right">
		<router-view/>
		主体
		</div>
		
		<div id="footer">
		<ifooter></ifooter>
		</div>
  </div>
</template>

<script>
	import iheader from '@/components/Header'
	import ifooter from '@/components/Footer'
	import ileft from '@/components/Left'
export default {
	name: 'Admin',
	components:{ iheader,ifooter,ileft },
}
</script>



<style>
#admin {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
#header{
	float:right;
	width:100%;
	border:1px solid red;
}
#left{
	float:left;
	width:15%;
	height:500px;
	border:1px solid red;
}
#footer{
	float:left;
	width:100%;
	border:1px solid red;
}
#right{
	float:left;
	width:84.7%;
	border:1px solid red;
}
</style> -->